<div class="col-xs-10 col-xs-offset-2">
    <div class = "col-xs-4">
    <h3>Object display list</h3>
    <div style="width:100%;height:200px">
    <object-display-list objects="sessions" options="options" displayed-items-per-page="displayedItemsPerPage" attr-filter="{{attrFilter}}" attr-id="{{attrId}}" >
        <a class="list-group-item">
            <h6 class="list-group-item-heading" id="example_object-display-list_{{objectsessionname}}">{{object.sessionName}}</h6>
        </a>
    </object-display-list>
    </div>
    <h3>Spinner</h3>
    <div id="spinner" style="position: relative;width: 200px;height: 200px">

    </div>
    </div>
    <div class = "col-xs-11">
        <h3>Pdf Viewer</h3>
        <pdf-viewer style="height: 600px"  name="pdfviewer-name" pdf-viewer-component="pdfViewerComponent" hide-buttons="hideButtons" pdf-url="pdfUrl"></pdf-viewer>
        <h3>Object display storyline</h3>
        <div object-display-storyline data="data" is-show-representation="isShowRepresentation" header-to-display="headerToDisplay"  nearest-selected-item="nearestSelectedItem" style="width:100%;height:600px" id="story-line">
            <div name="flag" class="story-flag">
                <div class="header-wrapper">
                    <div class="square-header"></div>
                    <span class="header">Head: {{story.headline}}</span>
                </div>
            </div>
            <div name="tile" class="story-tile">
                <div class="tile-date col-xs-12">{{story.startDate|date:'yyyy,mm,dd'}}</div>
                <div class="tile-header col-xs-12">
                    <div class="header-wrapper">
                        <div class="square-header"></div>
                        <h4 class="header" id="example_object-display-story-line_head-{{storyheadline}}">Head: {{story.headline}}</h4>
                    </div>
                    <div class="picture">
                        <img ng-src="{{story.asset.media}}">
                    </div>
                </div>
                <div class="tile-description col-xs-12" ng-bind-html="parseHTML(story.text)"></div>
            </div>
        </div>
    </div>


</div>